<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<ul>
				<li v-for="(item,index) in list">{{item}}</li>
				<hr />
				<li v-for="(item,index) in newList">{{item}}</li>
			</ul>
		</div>
	</body>
</html>

<script type="text/javascript">
	const vm = new Vue({
		el: '#app',
		data: {
			list: ['a','b','c','d','e']
		},
		computed: {
			newList() {
				return [...this.list,'x','y','z']
			}
		}
	})
	vm.list.push('x');  // 原来的数组会变长
	
</script>
